<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Rendezvous Hanoi Hotel</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <!--Less styles -->
        <!-- Other Less css file //different less files has different color scheam
         <link rel="stylesheet/less" type="text/css" href="themes/less/simplex.less">
         <link rel="stylesheet/less" type="text/css" href="themes/less/classified.less">
         <link rel="stylesheet/less" type="text/css" href="themes/less/amelia.less">  MOVE DOWN TO activate
        -->
        <!--<link rel="stylesheet/less" type="text/css" href="themes/less/bootshop.less">
        <script src="themes/js/less.js" type="text/javascript"></script> -->

        <!-- Bootstrap style --> 
        <link id="callCss" rel="stylesheet" href="themes/bootshop/bootstrap.min.css" media="screen"/>
        <link href="themes/css/base.css" rel="stylesheet" media="screen"/>
        <!-- Bootstrap style responsive -->	
        <link href="themes/css/bootstrap-responsive.min.css" rel="stylesheet"/>
        <link href="themes/css/font-awesome.css" rel="stylesheet" type="text/css">
        <link href="themes/css/datepicker.css" rel="stylesheet">
        <!-- Google-code-prettify -->	
        <link href="themes/js/google-code-prettify/prettify.css" rel="stylesheet"/>
        <!-- fav and touch icons -->
        <link rel="shortcut icon" href="themes/images/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="themes/images/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="themes/images/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="themes/images/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="themes/images/ico/apple-touch-icon-57-precomposed.png">
        <style type="text/css" id="enject"></style>
        <style>

            .carousel .item img {
                left: -9999px;  /*important */
                right: -9999px;  /*important */
                margin: 0 auto;  /*important */
                max-width: none;  /*important */
                height: 380px;
            }
        </style>

    </head>
    <body>
        <div id="header">
            <div class="container">

                <!-- Navbar ================================================== -->
                <div id="logoArea" class="navbar">

                    <div class="navbar-inner">
                        <a class="brand" href="index.html"><img src="themes/images/logo.png" alt="Bootsshop"/></a>

                        <div class="pull-right">
                            <a href="?lang=fr"><span class="btn btn-mini btn-primary">Français</span></a>
                            <a href="?lang=es"><span class="btn btn-mini btn-primary">Español</span></a>
                            <a href="?lang=en"><span class="btn btn-mini btn-primary">English</span></a>
                            <!--<span class="btn btn-mini">English</span>-->
                            <spring:message code="login.username" text="Username" />
                            <!--<p class="pull-right" style=""><a href="?lang=en">English</a>|<a href="?lang=vn">Việt nam</a></p>-->
                        </div>
                        <br>


                        <div style="float: right">
                            <ul id="topMenu" class="nav">

                                <li class=""><a href="#"><spring:message code="menu.home" text="HOME" /></a></li>
                                <li class=""><a href="#"><spring:message code="menu.room.n.rate" text="ROOM & RATES" /></a></li>
                                <li class=""><a href="#"><spring:message code="menu.book" text="BOOK" /></a></li>
                                <li class=""><a href="#"><spring:message code="menu.charity.activitis" text="CHARITY ACTIVITIES" /></a></li>
                                <li class="dropdown">
                                    <a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown">
                                        <spring:message code="menu.tour.info" text="TOURS INFO" /> <p class="icon-caret-down"></p></a>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Daily Tours</a></li>
                                        <li role="presentation" class="divider"></li>
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Halong Bay</a></li>
                                        <li role="presentation" class="divider"></li>
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Sapa</a></li>

                                        <li role="presentation" class="divider"></li>
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Ba Be National Park</a></li>
                                    </ul>
                                </li>
                                <li class=""><a href="#"><spring:message code="menu.fun.hrh" text="FUN @ HRH" /></a></li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header End====================================================================== -->
        <!--div id="carouselBlk" >
            <div id="myCarousel" class="carousel slide">
                <div class="carousel-inner">
                  <div class="item active">
                  <div class="container">
                    <a href="register.html"><img style="width:50%" src="themes/images/carousel/1.jpg" alt="special offers"/></a>
                    <div class="carousel-caption">
                          <h4>Second Thumbnail label</h4>
                          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        </div>
                  </div>
                  </div>
                  <div class="item">
                  <div class="container">
                    <a href="register.html"><img style="width:100%" src="themes/images/carousel/2.png" alt=""/></a>
                        <div class="carousel-caption">
                          <h4>Second Thumbnail label</h4>
                          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        </div>
                  </div>
                  </div>
                  <div class="item">
                  <div class="container">
                    <a href="register.html"><img src="themes/images/carousel/3.png" alt=""/></a>
                    <div class="carousel-caption">
                          <h4>Second Thumbnail label</h4>
                          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        </div>
                    
                  </div>
                  </div>
                   <div class="item">
                   <div class="container">
                    <a href="register.html"><img src="themes/images/carousel/4.png" alt=""/></a>
                    <div class="carousel-caption">
                          <h4>Second Thumbnail label</h4>
                          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        </div>
                   
                  </div>
                  </div>
                   <div class="item">
                   <div class="container">
                    <a href="register.html"><img src="themes/images/carousel/5.png" alt=""/></a>
                    <div class="carousel-caption">
                          <h4>Second Thumbnail label</h4>
                          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                  </div>
                   <div class="item">
                   <div class="container">
                    <a href="register.html"><img src="themes/images/carousel/6.png" alt=""/></a>
                    <div class="carousel-caption">
                          <h4>Second Thumbnail label</h4>
                          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        </div>
                  </div>
                  </div>
                </div>
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
              </div> 
        </div -->
        <div id="mainBody">
            <div class="container">
                <div class="row">
                    <!-- Sidebar ================================================== -->


                    <div class="span3" >
                        <div class="well">
                            <form name="sideForm" action="checkability.htm" method="post">
                                <div style="border-bottom-color: #000; border-width: thin">
                                    <label style="font-weight: bolder; border-bottom: #000000; text-align: center">Online Booking</label>
                                </div>
                                <br>
                                <label>Check in</label>
                                <input class="span2" value="" id="dpd1" type="text" data-date-format="dd/mm/yyyy">
                                <label>Check out</label>
                                <input class="span2" value="" id="dpd2" type="text" data-date-format="dd/mm/yyyy">
                                <label>Room type</label>
                                <select id="subject" name="subject" class="span2">
                                    <option value="na" selected="">Choose One:</option>
                                    <option value="service">Rendezvous Single</option>
                                    <option value="suggestions">Rendezvous Double</option>
                                    <option value="product">Rendezvous Twin</option>
                                </select>
                                <br>
                                <button name="CheckAbility" type="submit" class="btn btn-primary pull-right">Check Ability</button>
                                <br>
                            </form>
                        </div>

                        <!--                        <div class="well well-small">
                                                    <center>
                                                        <div id="TA_certificateOfExcellence615" class="TA_certificateOfExcellence">
                                                            <ul id="6iMtbj" class="TA_links ZGAJbMKrA80">
                                                                <li id="2Q6wRCrV" class="Kupi40mR">
                                                                    <a target="_blank" href="http://www.tripadvisor.com/"><img src="http://www.tripadvisor.com/img/cdsi/img2/awards/CoE2014_WidgetAsset-14348-2.png" alt="TripAdvisor" class="widCOEImg" id="CDSWIDCOELOGO"/></a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <script src="http://www.jscache.com/wejs?wtype=certificateOfExcellence&amp;uniq=615&amp;locationId=1629341&amp;lang=en_US&amp;year=2014"></script>
                                                    </center>
                                                </div>-->

                        <!--                        <div class="well well-small">
                                                    <center>
                                                        <div id="TA_selfserveprop825" class="TA_selfserveprop" >
                                                            <ul id="cuPEfg8Bfy" class="TA_links 7JlNa6">
                                                                <li id="SgaYzc0" class="fNmNFIWog7">
                                                                    <a target="_blank" href="http://www.tripadvisor.com/"><img src="http://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor"/></a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <script src="http://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=825&amp;locationId=1629341&amp;lang=en_US&amp;rating=true&amp;nreviews=5&amp;writereviewlink=true&amp;popIdx=true&amp;iswide=false&amp;border=true"></script>
                        
                        
                                                    </center>
                                                </div>-->
                        <div class="well well-small">
                            <center>
                                <a target="_blank" href="http://www.lonelyplanet.com"><img src="themes/images/loney_logo.png" alt="TripAdvisor"/></a>
                            </center>
                        </div>
                    </div>


                    <!-- Sidebar end=============================================== -->
                    <div class="span9" >


                        <div id="carouselBlk" >
                            <div id="myCarousel" class="carousel slide"  >
                                <div class="carousel-inner">
                                    <div class="item active">

                                        <center>
                                            <a href="register.html"><img src="themes/images/carousel/1.jpg"/></a>
                                        </center>

                                    </div>
                                    <div class="item">

                                        <a href="register.html"><img src="themes/images/carousel/2.jpg" alt=""/></a>


                                    </div>
                                    <div class="item">

                                        <a href="register.html"><img src="themes/images/carousel/3.jpg" alt=""/></a>



                                    </div>
                                    <div class="item">

                                        <a href="register.html"><img src="themes/images/carousel/4.jpg" alt=""/></a>



                                    </div>
                                    <div class="item">

                                        <a href="register.html"><img src="themes/images/carousel/5.jpg" alt=""/></a>


                                    </div>
                                    <div class="item">

                                        <a href="register.html"><img src="themes/images/carousel/6.jpg" alt=""/></a>


                                    </div>
                                </div>
                                <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                                <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
                            </div> 
                        </div >

                        <div class="well well-small">
                            <h2 style="text-align:center; color:red"><strong>WELCOME TO OUR FAMILY!!!</strong></h2>
                        </div>


                        <h4>Rooms And Rates </h4>
                        <ul class="thumbnails">
                            <li class="span3">
                                <div class="thumbnail">

                                    <div class="caption">
                                        <h5>Rendezvous Single</h5>
                                    </div>
                                    <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
                                </div>
                            </li>
                            <li class="span3">
                                <div class="thumbnail">
                                    <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/double.jpg" alt=""/></a>
                                    <div class="caption">
                                        <h5>Rendezvous Double</h5>
                                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                                            <a class="btn btn-primary" href="#">$30.00</a></h4>
                                    </div>
                                </div>
                            </li><li class="span3">
                                <div class="thumbnail">
                                    <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
                                    <div class="caption">
                                        <h5>Rendezvous Single</h5>
                                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                                            <a class="btn btn-primary" href="#">$16.00</a></h4>
                                    </div>
                                </div>
                            </li><li class="span3">
                                <div class="thumbnail">
                                    <a  href="product_details.html"><img style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
                                    <div class="caption">
                                        <h5>Rendezvous Single</h5>
                                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                                            <a class="btn btn-primary" href="#">$16.00</a></h4>
                                    </div>
                                </div>
                            </li><li class="span3">
                                <div class="thumbnail">
                                    <a  href="product_details.html"><img  style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
                                    <div class="caption">
                                        <h5>Rendezvous Single</h5>
                                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                                            <a class="btn btn-primary" href="#">$16.00</a></h4>
                                    </div>
                                </div>
                            </li><li class="span3">
                                <div class="thumbnail">
                                    <a  href="product_details.html"><img  style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
                                    <div class="caption">
                                        <h5>Rendezvous Single</h5>
                                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                                            <a class="btn btn-primary" href="#">$16.00</a></h4>
                                    </div>
                                </div>
                            </li><li class="span3">
                                <div class="thumbnail">
                                    <a  href="product_details.html"><img  style="height:150px" src="themes/images/rooms/single.jpg" alt=""/></a>
                                    <div class="caption">
                                        <h5>Rendezvous Triple</h5>
                                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> 
                                            <a class="btn btn-primary" href="#">$35.00</a></h4>
                                    </div>
                                </div>
                            </li>
                        </ul>	

                    </div>
                </div>
            </div>
        </div>
        <!-- Footer ================================================================== -->
        <div  id="footerSection">
            <div class="container">
                <div class="row">
                    <!--                    <div class="span3">
                                            <h5>ACCOUNT</h5>
                                            <a href="login.html">YOUR ACCOUNT</a>
                                            <a href="login.html">PERSONAL INFORMATION</a> 
                                            <a href="login.html">ADDRESSES</a> 
                                            <a href="login.html">DISCOUNT</a>  
                                            <a href="login.html">ORDER HISTORY</a>
                                        </div>
                                        <div class="span3">
                                            <h5>INFORMATION</h5>
                                            <a href="contact.html">CONTACT</a>  
                                            <a href="register.html">REGISTRATION</a>  
                                            <a href="legal_notice.html">LEGAL NOTICE</a>  
                                            <a href="tac.html">TERMS AND CONDITIONS</a> 
                                            <a href="faq.html">FAQ</a>
                                        </div>
                                        <div class="span3">
                                            <h5>OUR OFFERS</h5>
                                            <a href="#">NEW PRODUCTS</a> 
                                            <a href="#">TOP SELLERS</a>  
                                            <a href="special_offer.html">SPECIAL OFFERS</a>  
                                            <a href="#">MANUFACTURERS</a> 
                                            <a href="#">SUPPLIERS</a> 
                                        </div>-->
                    <div><p class="pull-right" style="text-align:right">&copy; Hanoi Rendezvous Hotel	
                            <br>
                            31 Hang Dieu street, Hoan Kiem district, Ha Noi, Viet Nam <br> 
                            (Tel) +84-4-3 828 5777    -   (Fax) +84-4-3 923 3874 <br>
                            Email: bookings@hanoirendezvoushotel.com <br></p></div>
                    <div id="socialMedia" class="span3 pull-right">
                        <h5>SOCIAL MEDIA </h5>
                        <a href="#"><img width="60" height="60" src="themes/images/facebook.png" title="facebook" alt="facebook"/></a>
                        <a href="#"><img width="60" height="60" src="themes/images/twitter.png" title="twitter" alt="twitter"/></a>
                        <a href="#"><img width="60" height="60" src="themes/images/youtube.png" title="youtube" alt="youtube"/></a>
                    </div> 

                </div>

            </div><!-- Container End -->
        </div>
        <!-- Placed at the end of the document so the pages load faster ============================================= -->
        <script src="themes/js/jquery.js" type="text/javascript"></script>
        <script src="themes/js/bootstrap-datepicker.js"></script>
        <script src="themes/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="themes/js/google-code-prettify/prettify.js"></script>

        <script src="themes/js/bootshop.js"></script>
        <script src="themes/js/jquery.lightbox-0.5.js"></script>

        <script>
	
            $(function(){
			
			
			

                // disabling dates
                var nowTemp = new Date();
                var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

                var checkin = $('#dpd1').datepicker({
                    onRender: function(date) {
                        return date.valueOf() < now.valueOf() ? 'disabled' : '';
                    }
                }).on('changeDate', function(ev) {
                    if (ev.date.valueOf() > checkout.date.valueOf()) {
                        var newDate = new Date(ev.date)
                        newDate.setDate(newDate.getDate() + 1);
                        checkout.setValue(newDate);
                    }
                    checkin.hide();
                    $('#dpd2')[0].focus();
                }).data('datepicker');
                var checkout = $('#dpd2').datepicker({
                    onRender: function(date) {
                        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
                    }
                }).on('changeDate', function(ev) {
                    checkout.hide();
                }).data('datepicker');
            });
        </script>

        <!-- Themes switcher section ============================================================================================= -->
        <div id="secectionBox">
            <link rel="stylesheet" href="themes/switch/themeswitch.css" type="text/css" media="screen" />
            <script src="themes/switch/theamswitcher.js" type="text/javascript" charset="utf-8"></script>
            <div id="themeContainer">
                <div id="hideme" class="themeTitle">Style Selector</div>
                <div class="themeName">Oregional Skin</div>
                <div class="images style">
                    <a href="themes/css/#" name="bootshop"><img src="themes/switch/images/clr/bootshop.png" alt="bootstrap business templates" class="active"></a>
                    <a href="themes/css/#" name="businessltd"><img src="themes/switch/images/clr/businessltd.png" alt="bootstrap business templates" class="active"></a>
                </div>
                <div class="themeName">Bootswatch Skins (11)</div>
                <div class="images style">
                    <a href="themes/css/#" name="amelia" title="Amelia"><img src="themes/switch/images/clr/amelia.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="spruce" title="Spruce"><img src="themes/switch/images/clr/spruce.png" alt="bootstrap business templates" ></a>
                    <a href="themes/css/#" name="superhero" title="Superhero"><img src="themes/switch/images/clr/superhero.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="cyborg"><img src="themes/switch/images/clr/cyborg.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="cerulean"><img src="themes/switch/images/clr/cerulean.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="journal"><img src="themes/switch/images/clr/journal.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="readable"><img src="themes/switch/images/clr/readable.png" alt="bootstrap business templates"></a>	
                    <a href="themes/css/#" name="simplex"><img src="themes/switch/images/clr/simplex.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="slate"><img src="themes/switch/images/clr/slate.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="spacelab"><img src="themes/switch/images/clr/spacelab.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="united"><img src="themes/switch/images/clr/united.png" alt="bootstrap business templates"></a>
                    <p style="margin:0;line-height:normal;margin-left:-10px;display:none;"><small>These are just examples and you can build your own color scheme in the backend.</small></p>
                </div>
                <div class="themeName">Background Patterns </div>
                <div class="images patterns">
                    <a href="themes/css/#" name="pattern1"><img src="themes/switch/images/pattern/pattern1.png" alt="bootstrap business templates" class="active"></a>
                    <a href="themes/css/#" name="pattern2"><img src="themes/switch/images/pattern/pattern2.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern3"><img src="themes/switch/images/pattern/pattern3.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern4"><img src="themes/switch/images/pattern/pattern4.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern5"><img src="themes/switch/images/pattern/pattern5.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern6"><img src="themes/switch/images/pattern/pattern6.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern7"><img src="themes/switch/images/pattern/pattern7.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern8"><img src="themes/switch/images/pattern/pattern8.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern9"><img src="themes/switch/images/pattern/pattern9.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern10"><img src="themes/switch/images/pattern/pattern10.png" alt="bootstrap business templates"></a>

                    <a href="themes/css/#" name="pattern11"><img src="themes/switch/images/pattern/pattern11.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern12"><img src="themes/switch/images/pattern/pattern12.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern13"><img src="themes/switch/images/pattern/pattern13.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern14"><img src="themes/switch/images/pattern/pattern14.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern15"><img src="themes/switch/images/pattern/pattern15.png" alt="bootstrap business templates"></a>

                    <a href="themes/css/#" name="pattern16"><img src="themes/switch/images/pattern/pattern16.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern17"><img src="themes/switch/images/pattern/pattern17.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern18"><img src="themes/switch/images/pattern/pattern18.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern19"><img src="themes/switch/images/pattern/pattern19.png" alt="bootstrap business templates"></a>
                    <a href="themes/css/#" name="pattern20"><img src="themes/switch/images/pattern/pattern20.png" alt="bootstrap business templates"></a>

                </div>
            </div>
        </div>
        <span id="themesBtn"></span>
    </body>
</html>